const path = require('path');
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  publicPath: './', 
  outputDir: 'dist', // 构建输出目录 `
  assetsDir: 'assets', // 静态资源目录 (js, css, img, fonts)
  indexPath: 'index.html', // 指定生成的 默认  index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径（可修改）
  filenameHashing: false, // 默认情况下，生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存
  lintOnSave: false, // 是否开启eslint保存检测，有效值：ture | false | 'error'
  runtimeCompiler: true, // 运行时版本是否需要编译
  transpileDependencies: [], // 默认babel-loader忽略mode_modules，这里可增加例外的依赖包名
  productionSourceMap: false, // 是否在构建生产包时生成 sourceMap 文件，false将提高构建速度
  configureWebpack: (config) => {
    Object.assign(config, {
      // 开发生产共同配置
      resolve: {
        alias: {
          '@': path.resolve(__dirname, './src'),
          '~@': path.resolve(__dirname, './src'),
        }
      },
    });
  },
      // css相关配置
      css: {
        loaderOptions: {
          scss: {
            prependData: `@import "~@/assets/theme/variables.scss";`
            
          },
        }
      },
  devServer:{
    port:2024, //端口号
  },
})
